<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>网络营销中心</title>
		<link rel="stylesheet" href="css/layui.css">
		<link rel="stylesheet" type="text/css" href="./css/base.css"/>
	</head>
	<body>
		<div class="nav">
			<div class="nav-container clearfix">
				<div class="logo">
					<img src="./img/logo.png" alt="">
				</div>
				<div class="menu menu-dianpu clearfix">
					机械制造 / 纺织轻工 / 商贸企业 / 园区
				</div>
				<div class="search">
					<input type="text" placeholder="搜索您需要的产品">
					<a href="#">
						<img src="img/icon3.png" >
					</a>
				</div>
				<a class="btn" id="appointment">
					预约销售顾问
				</a>
			</div>
		</div>
		<div class="page-banner">
			<!-- <div class="page-banner-shadow">
			</div>
			<div class="page-banner-content">
				<div class="subtitle">行业知识服务与知识管理平台</div>
				<div class="title">汽车产业知识服务</div>
				<div class="info">行业知识服务与知识管理平台汇聚各行各业的应用场景，拥有核心行业数据、专业服务能力</div>
				<a class="btn">预约销售顾问</a>	
			</div> -->
			<div class="layui-carousel" id="carousel-header">
				<div carousel-item class="list">
					<div><li class="item1">
						<img src="./img/banner.jpg" alt="">
					</li></div>
					<div><li class="item2">
						<img src="./img/banner.jpg" alt="">
					</li></div>
					<div><li class="item3"></li></div>
					<div><li class="item4"></li></div>
				</div>
			</div>
		</div>
		<div class="page-menu">
			<div class="page-menu-container clearfix">
				<a class="myitem select">行业活动</a>
				<a class="myitem">行业活动</a>
				<a class="myitem">行业活动</a>
				<a class="myitem">行业活动</a>
				<!-- <select class="page-menu-select">
					<option value ="">全部分类</option>
				</select> -->
			</div>
		</div>
		<div class="page-container">
			<div class="page-wrap">
				<div class="page-section page-section2">
					<div class="page-title">
						全部产品
					</div>
					<div class="layui-tab">
						<!-- 将导航下方的元素弄成各种组件， 一行一图 一行三图 一行两图 三种样式 -->
						<div class="dpnav-bar clearfix">
							<a class="dpnav-bar-item select">全部产品</a>
							<a class="dpnav-bar-item">军队、军校</a>
							<a class="dpnav-bar-item">兵工集团、兵装集团等相关行业</a>
							<a class="dpnav-bar-item">兵工集团、兵装集团等相关行业</a>
							<a class="dpnav-bar-item">兵工集团、兵装集团等相关行业</a>
							<a class="dpnav-bar-item">兵工集团</a>
							<a class="dpnav-bar-item">退役事务部</a>
							<a class="dpnav-bar-item">退役事务部</a>
							<a class="dpnav-bar-item">退役事务部</a>
							<a class="dpnav-bar-item">退役事务部</a>
							<a class="dpnav-bar-item">退役事务部</a>
							<a class="dpnav-bar-item">退役事务部</a>
						</div>
						<div class="section-pages layui-tab-content">
							<div class="section-page layui-tab-item layui-show">
								<!-- 一行两个图的样式 -->
								<div class="block-4 clearfix">
									<a class="item clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">
												公共卫生知识资源总库
											</div>
											<div class="detail">
												以农业科技网络书屋权威出版的海量资源为核心
											</div>
										</div>
									</a>
									<a class="item clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">
												公共卫生知识资源总库
											</div>
											<div class="detail">
												以农业科技网络书屋权威出版的海量资源为核心
											</div>
										</div>
									</a>
									<a class="item clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">
												公共卫生知识资源总库
											</div>
											<div class="detail">
												以农业科技网络书屋权威出版的海量资源为核心
											</div>
										</div>
									</a>
									<a class="item clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">
												公共卫生知识资源总库
											</div>
											<div class="detail">
												以农业科技网络书屋权威出版的海量资源为核心
											</div>
										</div>
									</a>
									<a class="item clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">
												公共卫生知识资源总库
											</div>
											<div class="detail">
												以农业科技网络书屋权威出版的海量资源为核心
											</div>
										</div>
									</a>
									<a class="item clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库
											</div>
										</div>
										<div class="main">
											<div class="title">
												公共卫生知识资源总库
											</div>
											<div class="detail">
												以农业科技网络书屋权威出版的海量资源为核心
											</div>
										</div>
									</a>
								</div>
								<div class="pagination2 clearfix">
									<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-14">
										<a href="javascript:;" class="layui-laypage-prev" data-page="3">上一页</a>
										<a href="javascript:;" data-page="1">1</a>
										<a href="javascript:;" data-page="2">2</a>
										<a href="javascript:;" data-page="3">3</a>
										<span class="layui-laypage-curr">
											<em class="layui-laypage-em"></em><em>4</em></span>
											<a href="javascript:;" data-page="5">5</a>
											<span class="layui-laypage-spr">…</span>
											<a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">10</a>
											<a href="javascript:;" class="layui-laypage-next" data-page="5">下一页</a>
									</div>
								</div>
							</div>
							<div class="section-page layui-tab-item">
								<!-- 一行两个图的样式 -->
								<div class="block-4 clearfix">
									<a class="item clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</div>
										<div class="main">
											<div class="title">
												公共卫生知识资源总库2
											</div>
											<div class="detail">
												以农业科技网络书屋权威出版的海量资源为核心
											</div>
										</div>
									</a>
									<a class="item clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</div>
										<div class="main">
											<div class="title">
												公共卫生知识资源总库2
											</div>
											<div class="detail">
												以农业科技网络书屋权威出版的海量资源为核心
											</div>
										</div>
									</a>
									<a class="item clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</div>
										<div class="main">
											<div class="title">
												公共卫生知识资源总库2
											</div>
											<div class="detail">
												以农业科技网络书屋权威出版的海量资源为核心
											</div>
										</div>
									</a>
									<a class="item clearfix">
										<div class="img">
											<img src="http://via.placeholder.com/40x40" alt="">
											<div class="img-text">
												公共卫生知识资源总库2
											</div>
										</div>
										<div class="main">
											<div class="title">
												公共卫生知识资源总库2
											</div>
											<div class="detail">
												以农业科技网络书屋权威出版的海量资源为核心
											</div>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="page-wrap page-wrap-color">
				<div class="page-section">
					<div class="page-title">行业活动</div>
					<div class="active-block">
						<img class="acitve-img" src="http://via.placeholder.com/40x40" alt="">
					</div>
				</div>
			</div>
			<div class="page-wrap">
				<div class="page-section">
					<div class="page-title">
						行业产品优势
					</div>
					<div class="page-products">
						<div class="block-4 clearfix">
							<a class="item clearfix">
								<div class="img">
									<img src="http://via.placeholder.com/40x40" alt="">
								</div>
								<div class="main">
									<div class="title">
										应用的广泛实践
									</div>
									<div class="detail">
										应用的广泛实践应用的广泛实践应用的广泛实践应用的广泛实践
									</div>
								</div>
							</a>
							<a class="item clearfix">
								<div class="img">
									<img src="http://via.placeholder.com/40x40" alt="">
								</div>
								<div class="main">
									<div class="title">
										应用的广泛实践
									</div>
									<div class="detail">
										应用的广泛实践应用的广泛实践应用的广泛实践应用的广泛实践应用的广泛实践
									</div>
								</div>
							</a>
							<a class="item clearfix">
								<div class="img">
									<img src="http://via.placeholder.com/40x40" alt="">
								</div>
								<div class="main">
									<div class="title">
										应用的广泛实践
									</div>
									<div class="detail">
										应用的广泛实践应用的广泛实践应用的广泛实践应用的广泛实践应用的广泛实践
									</div>
								</div>
							</a>
							<a class="item clearfix">
								<div class="img">
									<img src="http://via.placeholder.com/40x40" alt="">
								</div>
								<div class="main">
									<div class="title">
										应用的广泛实践
									</div>
									<div class="detail">
										应用的广泛实践应用的广泛实践应用的广泛实践应用的广泛实践应用的广泛实践
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="page-wrap page-wrap-color">
				<div class="page-section">
					<div class="page-title">经典案例</div>
					<div class="block-3 clearfix">
						<a class="img">
							<img src="http://via.placeholder.com/40x40" alt="">
							<div class="content-block">
								<div class="example-title">
									汽车产业创新发展知识服务平台
								</div>
								<div class="example-detail">
									汽车产业创新发展知识服务平台汽车产业创新发展知识服务平台汽车产业创新发展知识服务平台汽车产业创新发展知识服务平台
								</div>	
							</div>
						</a>
						<a class="img">
							<img src="http://via.placeholder.com/40x40" alt="">
							<div class="content-block">
								<div class="example-title">
									汽车产业创新发展知识服务平台
								</div>
								<div class="example-detail">
									汽车产业创新发展知识服务平台汽车产业创新发展知识服务平台汽车产业创新发展知识服务平台汽车产业创新发展知识服务平台
								</div>	
							</div>
						</a>
						<a class="img">
							<img src="http://via.placeholder.com/40x40" alt="">
							<div class="content-block">
								<div class="example-title">
									汽车产业创新发展知识服务平台
								</div>
								<div class="example-detail">
									汽车产业创新发展知识服务平台汽车产业创新发展知识服务平台汽车产业创新发展知识服务平台汽车产业创新发展知识服务平台
								</div>	
							</div>
						</a>
					</div>
				</div>
			</div>
			<div class="page-wrap page-wrap-color">
				<div class="page-section">
					<div class="page-title">
						典型用户
					</div>
					<div class="user-block clearfix">
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
						<a href="" class="item">
							江西省南昌市农业局
						</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="show">
			<div class="show-container">
				<div class="show-contact">
					<div class="title">在线申请获取更多信息</div>
					<div class="text">请填写您的联系方式，专属顾问尽快跟你联系</div>
					<div class="inputs clearfix">
						<input class="myinput" type="text" placeholder="姓名">
						<input class="myinput" type="text" placeholder="联系电话">
						<input class="myinput" type="text" placeholder="机构名称">
						<select class="myinput-option">
							<!-- 下拉不显示 第一个  -->
							<option value="" disabled selected hidden>省份</option>
							<option value ="">北京</option>
						</select>
						<select class="myinput-option">
							<!-- 下拉不显示 第一个  -->
							<option value="" disabled selected hidden>城市</option>
							<option value ="">北京</option>
						</select>
						<a class="btn">立即申请</a>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footer-container clearfix">
				<div class="block block1">
					<div class="title">中国知网网络营销平台</div>
					<a class="link">© 1998-2020 中国知网（CNKI）</a>
					<a class="link">京ICP证040431号 网络出版服务许可证(总)字第271号</a>
					<a class="link">出版物经营许可证 京公网安备11010802020460号</a>
				</div>
				<div class="block block2">
					<div class="title">关于我们</div>
					<a href="https://www.cnki.net/gycnki/gycnki.htm" target="_blank" class="link">关于CNKI</a>
					<a href="https://www.cnki.net/other/gonggao/gongsirongyu.html" target="_blank" class="link">CNKI荣誉</a>
				</div>
			
				<div class="block block3">
					<div class="title">联系我们</div>
					<div class="link link-phone">服务热线: 400-819-9993</div>
					<!-- <a href="http://help.cnki.net" target="_blank" class="link link-online">在线咨询: http://help.cnki.net</a> -->
					<a href="http://wpa.qq.com/msgrd?v=20103080830&amp;uin=1874406459&amp;site=qq&amp;menu=yes" target="_blank" class="link link-qq">QQ咨询: 1874406459</a>
					<a href="" target="_blank" class="link link-mail">服务邮箱: 333333333@qq.com</a>
				</div>
				<div class="block block4">
					<div class="title title-weixin">官方微信</div>
					<img src="./img/erweima.png" alt="" class="scan">
					<div class="scan-info">扫二维码 咨询服务</div>
				</div>
			</div>
		</div>
		<div class="right-bar">
			<a href="#" class="item">
				<img src="./img/icon10.png" alt="">
				<span class="text">微信咨询</span>
				<div class="tip tip-img">
					<img src="./img/erweima.png" alt="">
				</div>
			</a>
			<a href="http://wpa.qq.com/msgrd?v=2099894620&amp;uin=1874406459&amp;site=qq&amp;menu=yes" class="item">
				<img src="./img/icon9.png" alt="">
				<span class="text">QQ咨询</span>
				<div class="tip">
					QQ：<strong>2099894620</strong>
				</div>
			</a>
			<a href="#" class="item">
				<img src="./img/icon1.png" alt="">
				<span class="text">电话咨询</span> 
				<div class="tip">
					联系电话：<strong>010-888888888</strong>
				</div>
			</a>
			<a href="#" class="item" id="top">
				<img src="./img/icon2.png" alt="">
				<span class="text">顶部</span>
			</a>
		</div>
	</body>
	<script type="text/javascript" src="./js/layui/layui.js"></script>
	<script type="text/javascript">
		
		//点击回到顶部, 第一个参数是id，第二个参数是布尔值，如果在顶部，是否显示这个按钮。
		function toTop(id,show){
		    var oTop = document.getElementById(id);
		    var bShow = show;
		    if(!bShow){
		        oTop.style.display = 'none';
		        setTimeout(btnShow,50);
		    }
		    oTop.onclick = scrollToTop;
		    function scrollToTop(){
		        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
		        var iSpeed = Math.floor(-scrollTop/2);
		        if(scrollTop <= 0){
		            if(!bShow){
		                oTop.style.display = 'none';
		            }
		            return;
		        }
		        document.documentElement.scrollTop = document.body.scrollTop = scrollTop + iSpeed;
		        setTimeout(arguments.callee,50);
		    }
		    function btnShow(){
		        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
		        if(scrollTop <= 0 ){
		            oTop.style.display = 'none';
		        }else{
		            oTop.style.display = 'block';
		        }
		        setTimeout(arguments.callee,50);
		    }
		}
		toTop("top",false);
		
		layui.use('element', function(){
		  var element = layui.element;
		});
		//顶部轮播
		layui.use('carousel', function(){
			var carousel = layui.carousel;
			//建造实例
			carousel.render({
			elem: '#carousel-header'
			,width: '100%' //设置容器宽度
			,height: '400px'
			,arrow: 'always' //始终显示箭头
			,anim: 'fade' //切换动画方式
			});
		});
	</script>
</html>
